<template>
  <div>
    <div class="logo">
      <img src="https://yanxuan.nosdn.127.net/static-union/164793255107785e.png" alt="" />
    </div>
    <div class="ipt">
      <router-link to="/person/login" class="login">已有账号?去登录</router-link>
      <router-link to="/person/register" class="register">没有账号?去注册</router-link>
    </div>
  </div>
</template>
<script>
export default {
  // 组件名字
  name: "Center",
  data() {
    return {};
  },
};
</script>
<style lang="less" scoped>
.logo {
  height: 3.3333rem;
  display: flex;
  flex-direction: column-reverse;
  img {
    display: block;
    margin: 0 auto;
    width: 3.5733rem;
    height: 1.2rem;
  }
}
.ipt {
  font-size: 0.3733rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 1.3333rem;
  .login {
    width: 8.9333rem;
    height: 1.1733rem;
    line-height: 1.1733rem;
    color: #fff;
    background-color: #dd1a21;
    border: 0.0267rem solid #dd1a21;
    margin-bottom: 0.4267rem;
  }
  .register {
    width: 8.9333rem;
    height: 1.1733rem;
    line-height: 1.1733rem;
    background-color: #fff;
    color: #dd1a21;
    border: 0.0267rem solid #dd1a21;
  }
}
</style>
